// var echarts = require('echarts')
// 地图 配置项
let chartMap = {
  backgroundColor: '#FFFFFF00',
  // 设置标题
  tooltip: {
    // triggerOn: 'click',
    enterable: true,
    show: true,
    // formatter( data ) {
    //   console.log( '@data', data )
    //   // this.vueData = data;
    //   // cityData.value = data;
    //   // onclick="toCity('/sampling/city')"
    //   return `<div @click="toCity()">
    //       <p>${ data.seriesName }:${ data.name }</p>
    //       <p>隐患房屋栋数：${ data.value }</p>
    //       </div>`;
    // },
  },
  // 下方的映射
  visualMap: {
    type: 'piecewise',
    min: 0,
    max: 100,
    left: '0%',
    bottom: '0%',
    zoom: 0.8,
    showLabel: true,
    text: ['排查进度'],
    // backgroundColor: '#e1f3d8',
    textStyle: {
      color: 'rgba(255,255,255,.5)',
      fontSize: '12',
    },
    backgroundColor: 'transparent',
    calculable: false,
    pieces: [
      // {
      //   gte: 70,
      //   lte: 100,
      //   label: '70% - 100%',
      //   color: '#1d52ff',
      // },
      // {
      //   gte: 30,
      //   lte: 70,
      //   label: '30% - 70%',
      //   color: '#2899f1',
      // },
      // {
      //   gte: 0,
      //   lte: 30,
      //   label: '0% - 30%',
      //   color: '#56edff',
      // },
      {
        gte: 80,
        lte: 100,
        label: '80% - 100%',
        color: '#3765ff',
      },
      {
        gte: 60,
        lte: 80,
        label: '60% - 80%',
        color: '#2d92cc',
      },
      {
        gte: 20,
        lte: 60,
        label: '20% - 60%',
        color: '#3ad2ff',
      },
      {
        gte: 0,
        lte: 20,
        label: '0% - 20%',
        color: '#37deef',
      },
    ],
    // outOfRange: {
    //   color: ['#FFF']
    // },
    show: true,
  },
  // color: [ '#008A96', '#91CC75', '#FAC858' ],
  series: [
    {
      name: '自查进度',
      type: 'map',
      map: 'beijing',
      // top: '5%',
      roam: true, // 开启拖动和缩放
      zoom: 1.2, // 初始缩放比例
      aspectScale: 1, // 地图的长宽比例
      scaleLimit: {
        //滚轮缩放的极限控制
        min: 0,
        max: 6,
      },
      label: {
        show: true, // 显示地图区域标签
        fontSize: 12, // 标签字体大小
        color: '#FFF', // 标签字体颜色
      },

      itemStyle: {
        // areaColor: '#b3d8ff', // 地图的区域背景颜色
        // borderColor: '#FFAE00', //  // 地图区域的边框颜色
        //   normal: {
        //     // areaColor: '#B2CAE0',
        //     borderColor: '#FFAE00',
        //     borderWidth: 2,
        // },
        normal: {
          // borderColor: 'rgb(147, 235, 248)',
          borderColor: '#ffab6f',
          borderWidth: 1,
          areaColor: {
            type: 'radial',
            x: 0.5,
            y: 0.5,
            r: 0.8,
            colorStops: [
              {
                offset: 0,
                color: '#09132c', // 0% 处的颜色
              },
              {
                offset: 1,
                color: '#274d68', // 100% 处的颜色
              },
            ],
            globalCoord: true, // 缺省为 false
          },
        },
        emphasis: {
          areaColor: 'rgb(46,229,206)', // 高亮显示的地图区域颜色
          shadowOffsetX: 0, // 高亮显示时的阴影偏移量X
          shadowOffsetY: 0, // 高亮显示时的阴影偏移量Y
          shadowBlur: 20, // 高亮显示时的阴影模糊程度
          borderWidth: 0, // 高亮显示时的边框宽度
          shadowColor: 'rgba(0, 0, 0, 0.5)', // 高亮显示时的阴影颜色
        },
      },
      // selectedMode: 'none', // 取消选中的默认 黄色
      data: [
        // { name: '东城区', value: 70, value1: 420 },
        // { name: '西城区', value: 60, value1: 550 },
        // { name: '朝阳区', value: 50, value1: 630 },
        // { name: '丰台区', value: 40, value1: 720 },
        // { name: '石景山区', value: 30, value1: 810 },
        // { name: '海淀区', value: 80, value1: 80 },
        // { name: '门头沟区', value: 25, value1: 860 },
        // { name: '房山区', value: 35, value1: 760 },
        // { name: '通州区', value: 45, value1: 660 },
        // { name: '顺义区', value: 55, value1: 560 },
        // { name: '昌平区', value: 65, value1: 470 },
        // { name: '大兴区', value: 75, value1: 370 },
        // { name: '怀柔区', value: 20, value1: 910 },
        // { name: '平谷区', value: 15, value1: 960 },
        // { name: '密云区', value: 10, value1: 1010 },
        // { name: '延庆区', value: 5, value1: 1060 },
      ],
    },
  ],
}
export { chartMap }
